@include b(scroll-container) {
  width: 100%;
  height: 100%;
  @include flex(column);

  @include when(hidden) {
    display: none;
  }

}

@include b(scroll-container-content){
  flex-grow: 1;
  overflow: auto;
  @include flex;
  @include e(center){
    flex-grow: 1;
    overflow: auto;

    >.#{bem(scroll-container-item)} {
      >.#{bem(col)} {
        flex: none;
      }
    }
  }
  @include e(left) {
    overflow: auto;
  }
  @include e(right) {
    overflow: auto;
  }
}

@include b(scroll-container-header){
  overflow: auto;
}
@include b(scroll-container-footer){
  overflow: auto;
}

